(function(){
    var backtotop = document.getElementById('backtotop');
    var timer;

    //返回顶部按钮
    backtotop.onclick = function(){
        //设表先关
        clearInterval(timer);
        timer = setInterval(function(){
            document.documentElement.scrollTop -=200;

            //若是不清除定时器，会一直卡在顶部下不来，一直在返回顶部
            if(document.documentElement.scrollTop <= 0){
                clearInterval(timer);
            }
        }, 20);
    };

    //监听页面的滚动，若是页面滚动，返回顶部按钮才出现
    window.onscroll = function(){
        //卷动值
        var scrollTop = document.documentElement.scrollTop || window.scrollY;

        //页面没有卷动，返回按钮隐藏
        if(scrollTop == 0){
            backtotop.style.display = 'none';
        }else{
            backtotop.style.display = 'block';
        }
    }
})();